<template>
  <screen>
    <top-title :title.sync="title"></top-title>
    <!-- left -->
    <dashboard1></dashboard1>
    <!-- right -->
    <dashboard2></dashboard2>
    <!-- right -->
    <dashboard3></dashboard3>
    <!-- right -->
    <dashboard4></dashboard4>
  </screen>
</template>

<script>
import TopTitle from '../components/TopTitle';
import Screen from "../components/Screen";
import Dashboard1 from '../components/Dashboard1';
import Dashboard2 from '../components/Dashboard2';
import Dashboard3 from '../components/Dashboard3';
import Dashboard4 from '../components/Dashboard4';

export default {
  name: "Dashboard",
  data() {
    return {
      title: '这是标题'
    };
  },
  components: {
    TopTitle,
    Dashboard1,
    Dashboard2,
    Dashboard3,
    Dashboard4,
    Screen
  },
  created() {

  },
  mounted() {
  },

  watch: {},

  methods: {

  },

  destroyed() {

  }

};
</script>

